<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>lists_detail</title>
    <meta name="referrer" content="no-referrer">
    <link rel="stylesheet" href="../css/lists_details.css">
    <script src="../js/ajax.js"></script>
    <script src="../js/cookie.js"></script>
</head>

<body>
    <div class="all">

        <!-- 顶部 -->
        <div class="headerBox">
            <div class="header center">
                <div class="headerLeft">
                    <a href="../html/index.html"></a>
                    <a href="../html/index.html">首页</a>
                    <div>
                        <a href="../html/lists.html">设计服务</a>
                        <div class="sub_menu">
                            <a href="">LOGO/品牌</a>
                            <a href="">平面设计</a>
                            <a href="">UI设计</a>
                            <a href="">绘画/插画</a>
                            <a href="">工业/产品设计</a>
                            <a href="">影视/动画</a>
                            <a href="">摄影</a>
                            <a href="">服装设计</a>
                            <a href="">室内设计</a>
                            <a href="">造型设计</a>
                            <a href="">私家定制</a>
                            <a href="">其他</a>
                        </div>
                    </div>
                    <a href="../html/users.html">设计师</a>
                </div>
                <div class="headerRight">
                    <div class="userPhone"></div>
                    <button class="loginnn">登录</button>
                    <button class="dialoggg">注册</button>
                    <button class="out">退出</button>
                </div>
            </div>
        </div>

        <!-- 主体 -->
        <div class="mainBox">

            <div class="main center">

                <!-- 左边主体 -->
                <div class="leftMain">
                    <!-- 顶部标题/分类 -->
                    <div class="headline">
                        <!-- <div class="nav_classfy">
                            <a href="#">设计服务</a>
                            <i>》</i>
                            <span>原创商业插画/漫画</span>
                        </div>
                        <div class="title">原创商业插画/漫画</div> -->
                    </div>

                    <div class="banners">
                        <!-- <a href="https://muse-img.huabanimg.com/542d9f55b13ce8e3bbbf26a5d31328e72076b091200515-rzm0nk8uayvi"
                            title="" target="_black">
                            <img src="https://muse-img.huabanimg.com/542d9f55b13ce8e3bbbf26a5d31328e72076b091200515-rzm0nk8uayvi_/fw/880"
                                alt="">
                        </a> -->
                    </div>

                    <!-- 服务说明 -->
                    <div class="description">
                        <h3>服务说明</h3>
                        <div class="work_exhibition">
                            <!-- <p></p> -->
                            <!-- <div class="work">
                                <a href="#">
                                    <img src="https://muse-img.huabanimg.com/9ec85711adb87d98e9a3baa46a5d7cbc2b8dea43cc18c-6gwsnhskbj4i_/fw/820"
                                        alt="">
                                </a>
                            </div>
                            <div class="work">
                                <a href="#">
                                    <img src="https://muse-img.huabanimg.com/6989d88605b5cbc07d6cff0911a81b0e710f3e446d2cf-715e8ibjra4i_/fw/820"
                                        alt="">
                                </a>
                            </div>
                            <div class="work">
                                <a href="#">
                                    <img src="https://muse-img.huabanimg.com/6fa1572eaf75de9f41b0bbfa8f463dcc7bf1d3c29269f-5v983kn019k9_/fw/820"
                                        alt="">
                                </a>
                            </div>
                            <div class="work">
                                <a href="#">
                                    <img src="https://muse-img.huabanimg.com/6a1ffbb96367a2218429a85247698fe6cca4579d862ad-fbur5srod2t9_/fw/820"
                                        alt="">
                                </a>
                            </div>
                            <div class="work">
                                <a href="#">
                                    <img src="https://muse-img.huabanimg.com/ef013fa35cea07084240e1a0900586bce40895a0c7dc5-cfdaj5vu0udi_/fw/820"
                                        alt="">
                                </a>
                            </div>
                            <div class="work">
                                <a href="#">
                                    <img src="https://muse-img.huabanimg.com/ab4dcd2bd4953ca4dfd9917e2468840d7cb2f1373d6ac3-xqurl5e45cdi_/fw/820"
                                        alt="">
                                </a>
                            </div>
                            <div class="work">
                                <a href="#">
                                    <img src="https://muse-img.huabanimg.com/7bb9571d57c721492b305b94f75d2394ef82a3024a69ff-5vmec11hsemi_/fw/820"
                                        alt="">
                                </a>
                            </div>
                            <div class="work">
                                <a href="#">
                                    <img src="https://muse-img.huabanimg.com/c4f8174faa232d22a21ee9e80669066ede07ae6c333615-r729bno8ncdi_/fw/820"
                                        alt="">
                                </a>
                            </div> -->
                        </div>
                    </div>

                    <!-- 预估完成时间 -->
                    <div class="predict">
                        <!-- <h3>预估完成时间</h3>
                        <p>3天</p> -->
                    </div>

                    <!-- 拓展服务 -->
                    <div class="expandServices">
                        <!-- <h3>拓展服务</h3>
                        <div class="expandSelect">
                            <label id="">
                                <input type="checkbox">
                                <span>拓展服务，2天完成</span>
                            </label>
                            <i>￥1000</i>
                        </div> -->
                    </div>

                    <!-- 加急服务 -->
                    <div class="urgentServices">
                        <!-- <h3>加急服务</h3>
                        <div class="urgentSelect">
                            <label id="">
                                <input type="checkbox">
                                <span>加急服务，2天完成</span>
                            </label>
                            <i>￥1000</i>
                        </div> -->
                    </div>
                    <div class="divider"></div>
                    <!-- 购买 -->
                    <div class="leftBuy">
                        <button>购买</button>
                    </div>

                </div>

                <!-- 右边主体 -->
                <div class="rightMain">
                    <div class="services">
                        <div class="service_price">
                            <!-- <p>价格面议</p>
                            <div class="service_more">
                                <span>基础服务价格</span>
                                <a href="#">了解更多</a>
                            </div> -->
                        </div>
                        <div class="evaluate">
                            <!-- <div class="evaluate_num">
                                <span>成交</span>
                                <span>18</span>
                            </div>
                            <div class="evaluate_stars">
                                <span>评价</span>
                                <span>★★★★★</span>
                            </div> -->
                        </div>
                        <div class="expand_service">
                            <!-- <div class="expand_text">
                                <span>拓展服务</span>
                                <i>?</i>
                            </div>
                            <div class="expand_select">
                                <label id="">
                                    <input type="checkbox">
                                    <span>拓展服务，2天完成</span>
                                </label>
                                <i>￥1000</i>
                            </div> -->
                        </div>
                        <div class="urgent_service">
                            <!-- <div class="urgent_text">
                                <span>加急服务</span>
                                <i>?</i>
                            </div>
                            <div class="urgent_select">
                                <label id="">
                                    <input type="checkbox">
                                    <span>加急服务，2天完成</span>
                                </label>
                                <i>￥1000</i>
                            </div> -->
                        </div>
                        <div class="rightBuy">
                            <button>购买</button>
                        </div>
                    </div>
                    <div class="author">
                        <!-- <div class="author_up">
                            <a href="">
                                <img src="https://hbimg.huabanimg.com/20db2c12159e19f32e3b458c958708ed933a665235735-B0i5bv_/both/70x70"
                                    alt="">
                            </a>
                            <div class="name_communicate">
                                <span>VOE小海湾</span>
                                <i></i>
                            </div>
                        </div>
                        <div class="divider"></div>
                        <div class="author_mid">
                            <div class="time_authentication">
                                <div class="time">
                                    <div class="time_left">
                                        <i class="i1"></i>
                                        <span>平均响应时间</span>
                                    </div>
                                    <div class="time_right">
                                        <span>5时2分39秒</span>
                                    </div>
                                </div>
                                <div class="authentication">
                                    <div class="authentication_left">
                                        <i class="i2"></i>
                                        <span>实名认证</span>
                                    </div>
                                    <div class="authentication_right">
                                        <span>已认证</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="divider"></div>
                        <div class="author_down">
                            <p>插画师，工作5年有余，擅长女性优雅甜美清新设计风格插画，并为某儿童杂志，女性杂志等插图制作，与食品厂商合作出明信片等。代表作品案例：《斯洛文尼亚的小海湾》《雨巷》《捷克斯洛伐克》《银杏》《苏梅岛沿海公路》《冬日的卧室》等。
                            </p>
                        </div> -->
                    </div>
                    <div class="flow">
                        <p>购买流程</p>
                        <p>勾选服务项目进行购买后，填写需求订单，等待设计师确认；设计师确认订单后，需要您再次确认并付款；您的付款将托管在美思平台，只有项目结束后得双方同意后，款项才会转到服务方账号。</p>
                        <p>还有疑问</p>
                        <div>
                            <a href="#">查看帮助文档</a>
                            <a href="#">联系客服</a>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <!-- 底部 -->
        <div class="footerBox">
            <div class="footer center">
                <h2>花瓣美思，花瓣网旗下网站</h2>
                <div class="four_column_row">
                    <div class="column">
                        <label class="title">美瓣美思</label>
                        <div class="link_list">
                            <a href="">关于美思</a>
                            <a href="">雇主问题</a>
                            <a href="">设计师问题</a>
                            <a href="">使用帮助</a>
                        </div>
                    </div>
                    <div class="column">
                        <label class="title">平台战略合作伙伴</label>
                        <div class="link_list">
                            <a href="">中华世纪坛创意新媒体联盟</a>
                            <a href="">视觉中国</a>
                            <a href="">腾讯风铃</a>
                            <a href="">ixdc</a>
                            <a href="">红星奖</a>
                        </div>
                    </div>
                    <div class="column">
                        <label class="title">联系与合作</label>
                        <div class="link_list">
                            <a href="">联系我们</a>
                            <a href="">联系客服</a>
                            <a href="">微博@花瓣网</a>
                            <a href="">微信</a>
                        </div>
                    </div>
                    <div class="column">
                        <label class="title">移动客户端</label>
                        <div class="link_list">
                            <a href="">iOS</a>
                            <a href="">Android</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <script src="../js/lists_detail.js"></script>
</body>

</html>